import React from "react";
import "./index.css";
import { Button,Popover } from "antd";
import { ArrowRightOutlined } from "@ant-design/icons";

export default function Index() {
  const text = <span></span>;
  const content = (
    <div className="popover">
      <p>中心介绍</p>
      <p>中心团队</p>
      <p>科研成果</p>
    </div>
  );

  return (
    <div className="header">
      <div className="header_top">
        <div className="header_top_logo">
          <img
            className="logo"
            src={require("../../images/banner.jpg")}
            alt=""
          />
          <div className="logo_desc">上合区域科技与产业发展研究中心</div>
        </div>
        <div className="header_top_dropdown">
          <Popover placement="bottom" title={text} content={content}>
            <p>中心概况</p>
          </Popover>
            <p>上合资讯</p>
            <p>国情纵览</p>
            <p>学术快讯</p>
            <p>留言板</p>
            <p>联系我们</p>
            <p>登录|注册</p>
        </div>
      </div>

      <div className="header_content">
        <div className="header_content_title">“共同推进上合组织全面发展”</div>
        <div className="header_content_inner">
          “上海合作组织发展更全面、内涵更丰富、合作更紧密，成为区域组织团结合作、共谋发展的典范。”
          巴基斯坦总理夏巴兹·谢里夫日前在接受本报记者专访时表示，通过上海合作组织成员国元首理事会第
          二十二次会议，巴方将与上合组织其他成员国深化安全、经贸、基础设施、可持续发展等各领域合作，
          期待上合组织为地区和平、稳定、发展作出新的贡献。
        </div>
        <Button className="header_content_btn" type="text">
          了解更多
          <ArrowRightOutlined />
        </Button>
      </div>
    </div>
  );
}
